<template>
  <Panel title="多选" :data="data"></Panel>
</template>
<script setup lang="ts">
import { computed } from "vue";
import Panel from "./Panel.vue";
import type { AttrItem } from "./types";
const props = defineProps<{
  deviceNum: number;
  pipePathNum: number;
  labelValueNum: number;
  flowPathNum: number;
}>();

const data = computed<AttrItem[]>(() => {
  return [
    { name: "设备数量", value: props.deviceNum },
    { name: "管道数量", value: props.pipePathNum },
    { name: "数据点数量", value: props.labelValueNum },
    { name: "流程组件数量", value: props.flowPathNum },
  ];
});
</script>
